<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <title>jQuery float</title>
 <style type="text/css" media="all">@import "float.css";</style>
  
  
  <script type="text/javascript" src="jquery-latest.pack.js"></script>

<script type="text/javascript" src="jquery.float.js"></script>

  <script type="text/javascript">

jQuery(function() {
	$(".dd").dropdown({texts:["text1","text2"],values:["1","2"],widthx:4,topx:-1});   

	$("#f,#f_").floatX({widthx:4,beforeShow:function(){}}); 
});
  
 </script>

</head>

<body>
<h1>jQuery float</h1>
<input type="text" class="dd" size="10" />
<input type="text" class="dd" size="10" />
<input type="text" id="f" data-floatId="dropdown" size="10" />
<input type="text" id="f_" data-floatId="dropdown" size="10" />

<div class="dropdown" id="dropdown" style="display: ''; top: 201.367px; left: 8px;">
	<ul>
		<li class="selected">00:00</li>
		<li>00:30</li>
		<li>01:00</li>
		<li>01:30</li>
		<li>02:00</li>
		<li>02:30</li>
		<li>03:00</li>
	</ul>
</div>

</body>
</html>
